<%@ page pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>

<!DOCTYPE html>
<html>
<head>
	<title>我的收藏相册 - ${website}</title>
	<%@ include file="/common/meta.jsp"%>
	<link href="${cdn}/css/pxmain${pageScope.pxmainCssVersion}.css" rel="stylesheet" type="text/css"></link>
</head>
<body>
	<%@ include file="/common/sitenav.jsp"%>
	<jsp:include page="/common/home-header.jsp">
		<jsp:param value="albums" name="column" />
	</jsp:include>
	
	<section id="page1" class="vipPic">
    	<section class="section vip-content clearfix">
            <jsp:include page="/WEB-INF/views/album/aside-left.jsp">
				<jsp:param value="favors" name="column" />
			</jsp:include>
			
            <section class="col-main lfloat">
            	<section class="main-wrap">
                    <header class="pic-head">
                       <h1 class="favoriteT pal">我的收藏</h1>
                    </header>
                    <nav class="favoriteSort pvm">
                    	<a href="${ctx}/albums/favors/photos" class="FSort1">图片</a>
                        <a href="${ctx}/albums/favors" class="thissort FSort2">相册</a>
                    </nav>
                    
                    <section class="pic-body mtl">
                        <ul id="favor-list" class="favoritePic-list clearfix">
                        	<c:forEach var="favor" items="${favors}">
	                        	 <li class="FSort2-detail" id="album-${favor.albumId}">
                                	<div class="favoritePicPT pr">
                                        <a href="${ctx}/albums/${favor.albumId}/detail" class="favoritePicP">
                                    		<c:if test="${empty favor.cover}">
                                    			<img src="${ctx}/images/main/empty-album.png" alt="${favor.albumName}" />
                                    		</c:if>
                                    		<c:if test="${not empty favor.cover}">
                                        		<img src="${favor.cover}" alt="${favor.albumName}" />
                                        	</c:if>
	                                    </a>
                                    	<span data-role="menu" class="favoritePicSD pa" style="display: none;">
                                            <a data-menu="share" href="javascript:;" class="favoritePicShare" data-album-id="${favor.albumId}">
                                            	<i class="share-ico mlm"></i>分享
                                            </a>
                                            <a data-menu="remove" href="javascript:;" class="favoritePicDel pa" data-album-id="${favor.albumId}">
                                            	<i class="del-ico"></i>取消收藏
                                            </a>
                                        </span>
                                    </div>
                                    <div class="favoriteRemark">
                                    	<p class="favoriteTime fsl">
                                           ${favor.albumName} 收藏于${favor.createdAtDuration}
                                        </p>
                                        <p class="favoriteForm">
                                        	来自：<a href="${ctx}/u/${favor.author.id}">${favor.author.nickname}</a>
                                        </p>
                                    </div>
	                            </li>
                        	</c:forEach>
                        </ul>
                    </section>
                </section>
            </section>
        </section>
    </section>
    
    <%@ include file="/common/footer.jsp"%>
    <script type="text/javascript" src="${cdn}/js/px/album/favor/albums${pageScope.albumFavorAlbumsJsVersion}.js"></script>
</body>
</html>
